/************** global.css - No need to modify ***************************************************/

body{font-size:12px; margin:0;padding:0; font-family:'Microsoft yahei', Tahoma, Geneva, Verdana, sans-serif}
body {-webkit-text-size-adjust: 100% !important;}
em,p,ul,dl,dt,dd,ins,h1,h2,h3,h4,form,ins,i,s{margin:0;padding:0; font-weight:normal; font-style:normal;text-decoration:none;}
/*h1,h2,h3,h4{font-size:14px;}*/
ins{text-decoration:none;}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
em{font-style:normal;}
ul,ol{ list-style:none;}
input,select{ vertical-align:middle;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
img{border:0;}
a{text-decoration:none;/*blr:expression(this.onFocus=this.blur());*/outline:none; font-style:normal} 
input, button, select, textarea{outline: none;filter: none !important;background:#fff;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;box-shadow: 0 0 0px 100px white inset;}
input[type="button"],input[type="submit"] {-webkit-appearance:none; border-radius:0;} /* don't set input[type="text"] */
input[type="file"]{background: none;}

.w-full{width:100%;}
.w-mall,.w,.w-shop,.w-user{margin:0 auto;}
.col-sub,.col-main{float:left;}
.col-bottom{ clear:both;}
.clearfix:after{ content:'\20'; display:block; overflow:hidden; height:0; clear:both;}
.clear,.clr{clear:both; overflow:hidden;width:0;margin:0;padding:0; height:0; line-height:0; font-size:0;}
.clearboth{ clear:both;}
.hidden{ display:none;}
.overflowHidden{ overflow:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.inline-block{ display:inline-block;}
.block{ display:block}
.pointer{ cursor:pointer}
.bgf {background-color: #fff !important;}

/* margin,padding */
.margin5{margin:5px;}
.margin10{margin:10px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:0px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}
.padding5{padding:5px;}
.padding10{padding:10px 0;}

/* text,color */
.fff{color:#fff;}
.f60{color:#000;}
.f66{color:#666;}
.gray{color:#999 !important;}
.red {color: #DA542E !important;}
.yahei{font-family:"Microsoft yahei";}
.blue {color: #0092D2 !important;}
.guc{color:#848ac3;}
.fs18{font-size:18px}
.fs16{font-size:20px}
.fs14{font-size:14px}
.fs12{ font-size:12px;}

.strong{font-weight:bold;}
.center{ text-align:center}
.line-clamp-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	justify-content: space-between;
	overflow: hidden;
	/* 控制英文字符不换行*/
	word-break: break-all;
	white-space: normal;
}

/* border */
.border{border:1px #ddd solid}
.border-t-0{border-top:0;}
.border-b-0{border-bottom:0;}
.border-r-0{border-right:0;}
.border-b{border-bottom:1px #ddd solid}
.border-t{border-top:1px #ddd solid}

/* global banner */
.global-image-ads{ position:relative;}
.global-image-ads .global-image-ads-content{text-align:center; margin:0 auto}
.global-image-ads .global-image-ads-botton{position:absolute;right:0px;top:0px; height:18px; width:18px; text-align:center; background: #fff; color:#444; line-height:14px; cursor:pointer; font-size:18px;margin:0;paddding:0; font-weight:lighter}
.global-image-ads img {margin: 0 auto;}

.img-clone{position:absolute;z-index:99999;width:55px;height:55px;border:3px solid #E4393C;} 

/**************  global end  ***************************************************/

.dialog_wrapper .dialog_content .submit .btn2{border:0; background:#848ac3;  width:80px; height:35px; line-height:19px; text-align:center;font-size:14px;color:#fff; cursor:pointer; border-radius:0px;}



/************** common.css - Modified according to the situation ***************************************************/
a {color: #333;}
a:hover{color: #848ac3; text-decoration: none;}

img.lazyload{background:#fff url(../images/loading.gif) center  center no-repeat;}

.w-mall,.w{width:1200px;}

/* pagination */
.pagination {
 width: fit-content;
  padding-left: 0;
  font-family: simsun;
  margin: 0 auto;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;

}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
 
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #848ac3;
  cursor: default;

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.3333333;
}
/*.pagination-lg > li:first-child > a,*/
/*.pagination-lg > li:first-child > span {*/
/*  border-top-left-radius: 4px;*/
/*  border-bottom-left-radius: 4px;*/
/*}*/
/*.pagination-lg > li:last-child > a,*/
/*.pagination-lg > li:last-child > span {*/
/*  border-top-right-radius: 4px;*/
/*  border-bottom-right-radius: 4px;*/
/*}*/
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-weight: bold;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  font-weight: bold;
}


/* buyer_order.evaluate.html and cart.index.html ... use it */
.step{background:url(../images/step.png) 0 0; height:23px; line-height:23px;color:#666; overflow:hidden}
.step1000{ background:url(../images/step1000.png);}
.step2{ background-position:0 -23px}
.step3{ background-position:0 -47px;}
.step4{ background-position:0 -71px;}
.step5{ background-position:0 -95px;}
.step span{float:left;width:20%; text-align:center; display:block;}

/* common notice */
.notice-word {margin-bottom: 20px;}
.notice-word p{color:#3e3e3e;margin-top:5px;padding-left:10px}
.notice-word p a{color:#0071BB; text-decoration:none}
.notice-word p a:hover{color:#f60; text-decoration:underline;}

.notice-word .blue-big{ background-position:10px -490px;  padding:17px 10px 17px 56px; font-size:14px;line-height:22px;}
.notice-word .yellow{ background-position:3px -196px;}
.notice-word .yellow-big{ width: 100%;text-align: center;font-size:15px;}
.notice-word b{color:red;}
.notice-word .price{color:#f60; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.notice-word .correct{ background-position:3px -246px;}
.notice-word .correct-nobg{border:0;background:url(../images/member/T1CqmcXllwXXXXXXXX-64-1800.png) 3px -246px no-repeat #fff}
.notice-word .nobg {background: #E5F5FF;padding-left: 10px;border:0; border-radius: 2px;}

/* empty */
.notice-empty{text-align: center; margin:0 auto;padding:50px 0; text-align:center; vertical-align:middle}
.notice-empty i{display:block; text-align:center; color:#999;width: 200px;height:130px; margin: 0 auto;background: url(../images/no_record.png) center center; background-size: 100% 100%;}
.notice-empty p{ color:#999;margin-top:20px; font-size: 12px; font-size: 16px;}
.notice-empty .btn{ border:1px #ddd solid; padding:5px 10px; color:#222; border-radius:3px; display:inline-block; font-size:14px}

/* input ui for checkbox yes or no */
.switch-checkbox-radio .switcher-style{position: relative;width: 50px;height:27px;border: 1px solid #dfdfdf;outline: 0;border-radius: 16px;box-sizing: border-box;background: #dfdfdf;background-color: #dfdfdf;-webkit-transition: background-color .1s,border .1s;transition: background-color .1s,border .1s;display: block;}
.switch-checkbox-radio .switcher-style:before,.switch-checkbox-radio .switcher-style:after{content: " ";position: absolute;top: 0;left: 0;height:25px;border-radius:13px;-webkit-transition: -webkit-transform .3s;}
.switch-checkbox-radio .switcher-style:after {width:25px;background-color: #fff;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;box-shadow: 0 1px 3px rgba(0,0,0,.4);-webkit-transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition: -webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition: transform .35s cubic-bezier(.4,.4,.25,1.35);transition: transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);}
.switch-checkbox-radio.checked .switcher-style:after{webkit-transform: translateX(25px);transform: translateX(25px);}
.switch-checkbox-radio.checked .switcher-style{border-color: #848ac3;background-color: #848ac3;}


/* captcha.form.html */
.captcha-form .tab li {	border-bottom: 0;	float: left; background: #ddd;	line-height: 35px;	height: 35px;	width: 50%;	text-align: center;	cursor: pointer;}
.captcha-form .tab li.active {	background: #848ac3; color: #fff}
.captcha-form .captcha-fields{ line-height:40px;}
.captcha-form .captcha-fields p {	float:left;}
.captcha-form .captcha-fields p.first{width:80px;}
.captcha-form .captcha-fields .width_short{width:80px; border-radius:0;}
.captcha-form .captcha-fields .btn-sendcode{ background:#848ac3; border:0; color:#fff; height:30px; line-height:30px; padding:0 10px; cursor:pointer}
.captcha-form .btn-submit{background:#848ac3;margin-left:80px; color:#fff;border:0;padding: 0px 22px 0px 22px; display:inline-block; cursor:pointer}

/* webuploader compress css rewrite */
.filePicker{width:100%; height:100%; background:none; position:absolute; left:0; top:0; font-size:0; z-index:100}
.filePicker input[type="file"]{opacity: 0;}
.filePicker .webuploader-pick{ display:block; padding:0; width:100%; height:100%; font-size:0;}

/* receive coupon */
.coupons-pop-layer .scroll{ max-height:400px; overflow-y:scroll;}
.coupons-pop-layer .wraper li{ background:#FC0; margin:10px;margin-bottom:10px; padding:10px; color:#fff; border-radius:2px;border-left:2px #fff dotted;border-right:2px #fff dotted;}
.coupons-pop-layer .wraper li .lp{text-align:left; float:left;}
.coupons-pop-layer .wraper li .rp{padding:0 10px 0 20px;  border-left:1px #fff dotted; height:66px;  float:right}
.coupons-pop-layer .wraper li .rp a{ color:#fff; display:block; margin-top:25px; text-decoration:none}


/* site-nav */
#site-nav{ color: #8c8c8c;}
#site-nav .shoptop{ height:34px;line-height:34px; position:relative; z-index:997;}
#site-nav .shoptop a {color: #8c8c8c;}
#site-nav .shoptop a:hover {color: #848ac3}
#site-nav .shoptop li{margin-left: 15px;}
#site-nav .login_info{float:left;line-height:34px;}
#site-nav .quick-menu { position:absolute;top:0px; right:0;}
#site-nav .quick-menu li {float:left; padding-bottom:0px; position:relative;}
/*#site-nav .quick-menu a { border-right: 1px #f0e6e6 solid;}*/

/* 下拉刷新 */
.infinite-template{display:none}
.infinite-more, .infinite-loading, .infinite-bottom{ height:50px; line-height:50px; text-align:center; margin-top: 20px;color: #999; font-size: 14px;}
.infinite-loading{ color:#222;}
.infinite-loading .loading{ display:inline-block;color: #999; }
.infinite-loading .loading i{background:url(../images/loading_max.gif) no-repeat center center; background-size:90% 90%; display:block; width:15px; margin-top:17.5px; margin-right:5px;}
.infinite-loading .loading i,.infinite-loading .loading em{float:left; vertical-align:middle;height:15px; font-size:14px}
.infinite-more .vline, .infinite-bottom .vline, .infinite-loading .vline{display: inline-block;border-bottom: 1px solid #e2e2e2;width: 100px;margin-bottom: 4px;}
.infinite-more .vleft, .infinite-bottom .vleft, .infinite-loading .vleft{margin-right:40px;}
.infinite-more .vright, .infinite-bottom .vright,.infinite-loading .vright{margin-left:40px;}

/************** common end ***************************************************/
@media only screen and (max-width: 767px) {
    .pagination > li > a,
.pagination > li > span {

  padding: 6px 5px;

}
    
.notice-word .yellow-big {
    width: 100%;
    font-size: 10px;
    text-align: center;
}
    .notice-word {
     padding: 0 10px;
}
}
@media only screen and (max-width: 479px) {
    .notice-word {
     padding: 0 10px;
}
}